<div class="query-solution">
    <div class="farris-panel position-relative" style="outline: none">
        <div class="solution-header">
            <div class="btn-group mr-3 dropdown" fDropdown>
                <div class="solution-header-title" fDropdownToggle>
                    <span style="max-width: 288px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap" title="默认筛选方案"
                        >默认筛选方案</span
                    >
                    <span class="f-icon f-accordion-expand"></span>
                </div>
                <div class="dropdown-menu solution-header-title-menu" fDropdownMenu>
                    <div class="solution-header-title-menu-inner">
                        <div class="solution-header-title-menu-arrow"></div>

                        <li class="dropdown-item solution-header-dropdown-item solution-header-dropdown-item-active">
                            <span class="solution-header-dropdown-item-title" title="默认筛选方案">默认筛选方案</span
                            ><span class="solution-header-dropdown-item-tip" style="visibility: hidden">默认</span>
                        </li>
                        <li class="solution-header-dropdown-item-btns">
                            <span class="dropdown-item-btn">另存为</span><span class="dropdown-item-btn">管理</span>
                        </li>
                    </div>
                </div>
            </div>

            <div class="solution-action">
                <div class="btn-group">
                    <button class="btn btn-primary" type="button">筛选</button>
                </div>
                <div class="icon-group">
                    <span class="icon-group-remove" title="清空"><span class="f-icon f-icon-remove"></span></span>

                    <span class="divide"></span
                    ><span class="icon-group-setup" title="配置"><span class="f-icon f-icon-home-setup"></span></span
                    ><span class="icon-group-packup" title="收起"><span class="f-icon f-icon-packup"></span></span>
                </div>
            </div>
        </div>
        <div>
            <div
                id="querycondition"
                class="row f-utils-flex-row-wrap farris-form farris-form-controls-inline condition-with-fixed condition-div"
            >
                <div class="col-12 col-md-6 col-xl-3 col-el-2">
                    <div class="farris-group-wrap" id="2ff3dde3-bb7e-46f9-822a-ee9f14663049">
                        <div class="form-group farris-form-group common-group">
                            <label class="col-form-label" title="订单编号"> <span class="farris-label-text">订单编号</span></label>
                            <div class="farris-input-wrap">
                                <input type="text" class="form-control" placeholder="输入编号" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-3 col-el-2">
                    <div class="farris-group-wrap" id="3ff3dde3-bb7e-46f9-822a-ee9f14663049">
                        <div class="form-group farris-form-group common-group">
                            <label class="col-form-label" title="单据日期"> <span class="farris-label-text">单据日期</span></label>
                            <div class="farris-input-wrap">
                                <farris-datepicker placeholder="选择日期"></farris-datepicker>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-3 col-el-2">
                    <div class="farris-group-wrap" id="4ff3dde3-bb7e-46f9-822a-ee9f14663049">
                        <div class="form-group farris-form-group common-group">
                            <label class="col-form-label" title="客户名称"> <span class="farris-label-text">客户名称</span></label>
                            <div class="farris-input-wrap">
                                <farris-lookup-grid
                                    [uri]="'assets/demo/customer.json'"
                                    [title]="'选择客户'"
                                    [singleSelect]="true"
                                    [idField]="'Code'"
                                    [pageSize]="20"
                                    [pageIndex]="1"
                                    [pagination]="true"
                                    [textField]="'Name'"
                                    [valueField]="'Code'"
                                ></farris-lookup-grid>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
